<script lang='ts' setup>
 const emit = defineEmits(['click'])
 const emitClickEvent = (e:any) => {
  emit('click',e)
}
defineOptions({ name: 'CaptchaLoadingIcon' })
</script>

<template>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="84" height="84" v-bind="$attrs" @click="emitClickEvent">
    <circle cx="50" cy="36.8101" r="10">
      <animate attributeName="cy" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.45 0 0.9 0.55;0 0.45 0.55 0.9" keyTimes="0;0.5;1" values="23;77;23"/>
    </circle>
  </svg>
</template>